@charset "utf-8";
/* CSS Document */
.loginBg{
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
	min-width: 1396px;
}
.loginBox{
	width: 1396px;
	height:678px;
	position: absolute;
	top:50%;
	left:50%;
	margin: -339px 0 0 -698px;
	background: #fff;
	border-radius: 10px;
	overflow: hidden;
}
.bg_left{
	width: 880px;
	height:678px;
	font-size: 40px;
	color: #fff;
	padding-top: 86px;
	padding-left: 100px;
	box-sizing: border-box;
	float: left;
}
.logo{
	width: 110px;
	height:110px;
	display: inline-block;
	vertical-align: middle;
	background: url("../images/logo.png") no-repeat;
}
.bg_right{
	width: 380px;
	float: right;
	padding: 100px 68px 0 68px;
}
.login_head{
	text-align: center;
	padding-bottom: 30px;
}
.login_head span.logo{
	padding-bottom: 20px;
}
.login_head h3{
	font-size: 24px;
	color: #333333;
}
.login_line{
	height: 60px;
	border: 1px solid #D4D4D4;
	margin-top: 30px;
	position: relative;
	padding-left: 66px;
	background: #F1F1F1;
	box-shadow: inset 0 1px 3px 0 rgba(13,103,104,0.50);
	border-radius: 4px;
}
.login_line.i_user{
	background: url("../images/user.png") 20px center no-repeat;
}
.login_line.i_password{
	background: url("../images/password.png") 20px center no-repeat;
}
.login_line.cur{
	border: 1px solid #037F74;
}
.login_line input.text{
    width: 100%;
	height:60px;
	line-height:60px;
	font-size: 22px;
}
.login_line input.text::-webkit-input-placeholder {
	color: #999;
}
.login_line input.text:-moz-placeholder {
	color: #999;
}
.login_Btn{
	text-align: center;
	background: #037F74;
	box-shadow: inset 0 1px 3px 0 rgba(0,66,37,0.30);
	border-radius: 4px;
	height:60px;
	line-height: 60px;
	font-size: 26px;
	color: #FFFFFF;
	cursor: pointer;
}
.forget{
    padding-top: 20px;
	padding-bottom: 24px;
}
.forget span.check{
	display: inline-block;
	padding-left: 22px;
	background: url("../images/check.png") left center no-repeat;
	font-size: 14px;
	color: #666666;
}
.forget span.check.checked{
	background: url("../images/checked.png") left center no-repeat;
}

.userform{
	width: 600px;
	padding: 50px 0;
	margin: 0 auto;
}
.line_item{
	overflow: hidden;
	margin-bottom: 50px;
}
.line_item span.label{
	display: inline-block;
	font-size: 20px;
	color: #333333;
	width: 100px;
	height: 50px;
	line-height: 50px;
	text-align: right;
	float: left;
}
.head_item span.label{
	height: 140px;
	line-height: 140px;
}
.line_item .line_int{
	margin-left: 110px;
}
.uploadBox{
	overflow: hidden;
}
.head_img{
	width: 163px;
	height:140px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: relative;
}
.camera{
	position: absolute;
	width: 60px;
	height:60px;
	background: rgba(0,0,0,0.38);
	left: 50%;
	top:50%;
	margin: -30px 0 0 -30px;
	border-radius: 50%;
	background-image: url("../images/camera.png");
	background-repeat: no-repeat;
	background-position: center;
}
.upload_img{
	width: 300px;
	padding: 20px 0 0 20px;
}
.upload_btn{
	border: 1px solid #0D6768;
	width: 120px;
	height:40px;
	line-height: 40px;
	font-size: 16px;
	color: #0D6768;
	text-align: center;
	position: relative;
	cursor: pointer;
}
.upload_img p{
	padding-top: 30px;
	font-size: 16px;
	color: #999999;
}
.inputBox{
	width: 380px;
	height: 48px;
	border: 1px solid #999999;
}
.inputBox input{
	width: 100%;
	height:48px;
	text-indent: 20px;
	font-size: 16px;
}
.sex_list li{
	float: left;
	height:50px;
	line-height: 50px;
	font-size: 20px;
	color: #333333;
	padding-left: 22px;
	background: url("../images/check.png")left center no-repeat;
	margin-right: 30px;
	cursor: pointer;
	position: relative;
}
.sex_list li.active{
	background: url("../images/checked.png")left center no-repeat;
}
.line_btn{
	text-align: center;
	padding-top: 20px;
}
.saveBtn{
	display: inline-block;
	width: 160px;
	height:50px;
	line-height: 50px;
	background-image: linear-gradient(0deg, #3A7176 0%, #235053 69%);
	font-size: 20px;
	color: #FFFFFF;
	cursor: pointer;
}


.info_wrap{
	width: 1000px;
	margin: 0 auto;
}
.info_list li{
	height: 86px;
	line-height:86px;
	border-bottom: 1px solid #5BB4B5;
	font-size: 20px;
	color: #333333;
}
.info_list li a{
	display: block;
}
.info_list li>div{
	float: left;
}
.info_list li>div.td_1{
	width: 70px;
}
.info_list li>div.td_2{
	width: 540px;
}
.info_list li>div.td_3{
	width: 70px;
}
.info_list li>div.td_4{
	width: 100px;
	float: right;
	color: #999999;
}

.info_list li .check{
	display: inline-block;
	width:16px;
	height:16px;
	background-image: url("../images/check.png");
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 23px;
}
.info_list li .check.checked{
	background-image: url("../images/checked.png");
}
.infoBtn{
	padding: 40px 0;
}
.infoBtn .check{
	display: inline-block;
	width:16px;
	height:16px;
	background-image: url("../images/check.png");
	background-position: center;
	background-repeat: no-repeat;
	margin-left: 23px;
	margin-right: 30px;
}
.infoBtn .check.checked{
	background-image: url("../images/checked.png");
}
.oneBtn{
	display: inline-block;
	width: 160px;
	height:50px;
	line-height: 50px;
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	opacity: 0.8;
	background-image: linear-gradient(0deg, #3A7176 0%, #235053 69%);
	cursor: pointer;
}
.info_head{
	border-bottom: 1px solid #5BB4B5;
	padding-top: 40px;
}
.info_head h3{
	text-align: center;
	font-size: 30px;
	color: #333333;
}
.info_head p{
	text-align: center;
	font-size: 20px;
	color: #666666;
	padding: 20px 0;
}
.info_head p span{
	display: inline-block;
	margin: 0 20px;
}
.info_content{
	text-align: center;
	margin-bottom: 50px;
}
.info_content img{
	width: 418px;
	margin: 30px 0;
}
.info_content>p{
	text-align: left;
	font-size: 20px;
	color: #333333;
	padding-bottom: 20px;
}

/*主页*/
.index_wrap{
	padding: 150px 25px;
	margin: 0 auto;
}
.menu_list li{
	float: left;
	width: 19%;
	padding: 0 15px;
	box-sizing: border-box;
}
.menu_list li.active{
	width:24%;
	padding: 0 15px;
}
.menu_list li .caseBox{
    background: url("../image/case.png") center no-repeat;
	background-size: 100% auto;
	text-align: center;
	height: 184px;
	margin: 30px auto;
	position: relative;
}
.menu_list li.active .caseBox{
	background: url("../image/case-on.png") center no-repeat;
	background-size: 100% auto;
	height: 244px;
	margin: 0 auto;
}
.menu_list li .caseBox .icon,
.menu_list li .caseBox .icon-cur{
   position: absolute;
   left: 0;
   bottom: 45%;
   width: 100%;
   height: 30%;
}
.menu_list li.active .caseBox .icon-cur{
	top:24%;
}
.menu_list li .caseBox .icon-cur,
.menu_list li.active .caseBox .icon{
	display: none;
}
.menu_list li.active .caseBox .icon-cur{
	display: block;
}
.menu_list li .caseBox .icon img,
.menu_list li .caseBox .icon-cur img{
	height: 100%;
}

.menu_list li .caseBox>p{
	color: #03FEF8;
	font-size: 12px;
	position: absolute;
	width: 100%;
	top: 70%;
	left: 0;
}
.menu_list li.active .caseBox p{
	color: #F8E71C;
	font-size: 14px;
}


/*野生动物植物*/
.banWrap{
	height: 140px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 80px 0;
}
.banWrap h3{
	text-align: center;
	font-size: 30px;
	color: #FFFFFF;
	padding-bottom: 50px;
}
.search_form{
	width: 600px;
	height: 50px;
	margin: 0 auto;
}
.searchBox{
   width: 428px;
	height: 50px;
	background: rgba(255,255,255,0.5);
	position: relative;
	padding-left: 10px;
	padding-right: 22px;
}
.searchBox input{
	height: 50px;
	line-height:50px;
	width: 100%;
	font-size: 18px;
}
.search_camera{
	position: absolute;
	display: inline-block;
	background: url("../images/search_camera.png") center no-repeat;
	width: 22px;
	height:18px;
	right: 10px;
	top:16px;
	cursor: pointer;
}
.search_Btn{
	width: 140px;
	height:50px;
	line-height: 50px;
	background: rgba(13,103,104,0.7);
	font-size: 20px;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
}

.screen_wrap{
	padding: 30px 60px;
}
.screen_list li{
	float: left;
	border: 1px solid #0D6768;
	width: 158px;
	height:48px;
	line-height: 48px;
	text-align: center;
	font-size: 20px;
	color: #0D6768;
	margin-right: 30px;
	cursor: pointer;
}
.screen_list{
	padding-bottom: 10px;
}
.screen_list li.active{
	color: #FFFFFF;
	opacity: 0.8;
	background-image: linear-gradient(0deg, #3A7176 0%, #235053 69%);
}
.screen_list li.active a{
	color: #FFFFFF;
}
.wild_list li{
	float: left;
	width: 50%;
	/*border-bottom: 1px dashed #5BB4B5;*/
	padding: 30px 0;
	position: relative;
}
.wild_list li:nth-child(2n+1):after{
	display: inline-block;
	content: "";
	position: absolute;
	width: 200%;
	bottom: 0;
	left: 0;
	border-bottom: 1px dashed #5BB4B5;
}
.wild_list li .intImg{
	width: 210px;
	height:150px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	float: left;
}
.wild_list li .intro{
	margin-left: 210px;
	height: 150px;
	padding: 0 40px;
	position: relative;
}
.intro h3.name{
	font-size: 16px;
	color: #333333;
	margin-bottom: 10px;
}
.intro p.content{
	font-size: 14px;
	color: #666666;
	margin-bottom: 20px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:4;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.intro p.nature{
	font-size: 14px;
	color: #0D6768;
	position: absolute;
	left: 40px;
	bottom: 10px;
}

/*gis地图*/
.gis_wrap{
	padding: 0 30px;
	width: 1140px;
	margin: 0 auto;
}
.gis_Box{
	padding: 0 60px;
}

.map_Box{
	overflow: hidden;
	padding: 20px 0;
}
.map_list{
	width: 120px;
	float: left;
}
.map_list li{
	float: left;
	width: 120px;
}
.map_list li .gcase_icont{
	width: 120px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url("../images/c-frame.png");
	background-size: 100% auto;
}
.map_list li.active .gcase_icont{
	background-image: url("../images/c-frame-on.png");
}
.map_list li .g-icont{
	width: 100%;
	height:100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 42% auto;
}
.map_list li .gcase_01{
	background-image: url("../images/gis01.png");
}
.map_list li .gcase_02{
	background-image: url("../images/gis03.png");
}
.map_list li .gcase_03{
	background-image: url("../images/gis05.png");
}
.map_list li .gcase_04{
	background-image: url("../images/gis07.png");
}
.map_list li .gcase_05{
	background-image: url("../images/gis09.png");
}
.map_list li.active .gcase_01{
	background-image: url("../images/gis02.png");
}
.map_list li.active .gcase_02{
	background-image: url("../images/gis04.png");
}
.map_list li.active .gcase_03{
	background-image: url("../images/gis06.png");
}
.map_list li.active .gcase_04{
	background-image: url("../images/gis08.png");
}
.map_list li.active .gcase_05{
	background-image: url("../images/gis10.png");
}
.map_list li p{
	font-size: 18px;
	color: #369390;
	padding:20px 0;
	text-align: center;
}
.map_list li.active p{
	color: #FFFFFF;
}
.map_item{
	margin-left: 180px;
	position: relative;
}
.mapBox{
	background: #fff;
	height: 900px;
}

/*无人机测量面积*/
.refer_wrap{
	padding-bottom: 30px;
	overflow: hidden;
}
.map_rt{
	height: 592px;
	margin-bottom: 20px;
}
.number_box{
	background: rgba(34,80,83,0.50);
	border: 1px solid #266764;
	width: 188px;
	height:44px;
	padding-left: 110px;
	position: relative;
}
.number_box span.label{
	position: absolute;
	left: 12px;
	display: inline-block;
	height: 44px;
	line-height: 44px;
	font-size: 16px;
	color: #FFFFFF;
}
.number_box input.text{
	width: 100%;
	height: 44px;
	line-height: 44px;
	color: #fff;
	font-size: 20px;
}
.refer_btn{
	font-size: 16px;
	color: #FFFFFF;
	background-image: linear-gradient(0deg, #3A7176 0%, #235053 69%);
	width: 110px;
	height:44px;
	line-height: 44px;
	text-align: center;
	border: 1px solid #266764;
}
.history_btn{
	display: inline-block;
	height:46px;
	line-height: 46px;
	font-size: 16px;
	color: #FFFFFF;
	cursor: pointer;
}

.refer_map{
	overflow: hidden;
	padding: 30px 0;
}
.coord_case{
	padding: 0 40px;
	width: 334px;
	height:986px;
	background:url("../images/l-frame.png") center no-repeat;
	background-size: 100% 100%;
}
.map_lt{
	margin-left: 454px;
}
.coord_case h3{
	font-size: 16px;
	color: #5FCACF;
	padding: 20px 0;
}
.coord_case h3:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 8px;
	height:8px;
	border-radius: 50%;
	background: #5FCACF;
	margin-right: 8px;
}
.coord_list{
	margin-bottom: 20px;
	height: 500px;
	overflow-y: auto;
}
.coord_list::-webkit-scrollbar {
	width: 6px;
}
.coord_list::-webkit-scrollbar-thumb {
	width: 6px;
	background: #666;
	border-radius: 5px;
}
.coord_list li{
	padding: 0 20px;
	font-size: 16px;
	color: #FFFFFF;
	height: 50px;
	line-height: 50px;
	background: rgba(35,119,118,0.66);
	position: relative;
}
.coord_list li:nth-child(odd){
	background: rgba(38,168,181,0.66);
}
.coord_list li span.sort{
	display: inline-block;
	width: 26px;
	height:26px;
	line-height: 26px;
	border-radius: 50%;
	font-size: 14px;
	color: #5FCACF;
	text-align: center;
	border: 1px solid #5FCACF;
	margin-right: 16px;
}
.coord_list li span.delete{
	display: inline-block;
	width: 20px;
	height:20px;
	background: url("../images/delete.png") center no-repeat;
	position: absolute;
	right: 20px;
	top:15px;
	cursor: pointer;
}
.add_coord{
	height: 52px;
	line-height: 52px;
	text-align: center;
	border: 1px solid #266764;
	background-image: linear-gradient(0deg, #3A7176 0%, #235053 69%);
	font-size: 20px;
	color: #FFFFFF;
}

.banImg_wrap{
	background: url("../images/across-frame.png") center no-repeat;
	height: 300px;
	background-size: 100% 100%;
	margin: 0 auto;
}
.banImg_box{
	position: relative;
	padding: 30px 160px;
}
.left_Btn{
	display:inline-block;
	background: url("../images/leftBtn.png") no-repeat;
	width: 40px;
	height:40px;
	cursor: pointer;
	position: absolute;
	left: 60px;
	top:50%;
	margin-top: -20px;
}
.right_Btn{
	display:inline-block;
	background: url("../images/rightBtn.png") no-repeat;
	width: 40px;
	height:40px;
	cursor: pointer;
	position: absolute;
	right: 60px;
	top:50%;
	margin-top: -20px;
}
.banImg_item{
	margin: 0 auto;
	width: 360px;
	height: 250px;
	position: relative;
	overflow: hidden;
}
.banImg_list{
	width: 999999px;
	position: absolute;
	left: 0;
	top: 0;
}
.banImg_list li{
	float: left;
	width: 360px;
	height: 240px;
	margin-right: 40px;
	position: relative;
}
.banImg_list li .bigImg{
	width: 360px;
	height: 220px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	margin-right: 40px;
}
.banImg_list li .area{
	color: #fff;
	text-align: center;
	padding-top: 6px;
}
.b-delete{
	display: inline-block;
	background: url("../images/w-delete.png") center no-repeat;
	background-size: 20px auto;
	width: 20px;
	height:20px;
	position: absolute;
	top:10px;
	right: 10px;
	cursor: pointer;
	z-index: 99;
}
.addImg{
	background: url("../images/upold.png") center no-repeat;
	width: 360px;
	height:240px;
	float: left;

}
.paramete_line{
	overflow: hidden;
	margin-bottom: 20px;
}
.paramete_line span.p_title{
	font-size: 14px;
	color: #5FCACF;
	width: 72px;
	display: inline-block;
	float: left;
	vertical-align: middle;
	margin-right: 12px;
}
.paramete_line span.l_height{
	height: 40px;
	line-height:40px;
}
.p_border{
	border: 1px solid #266764;
	height: 38px;
	width: 218px;
	float: left;
}
.p_border input.text{
	width: 100%;
	height: 38px;
	line-height: 38px;
	text-indent: 10px;
	color: #fff;
}
.paramete_line span.unit{
	float: left;
	color: #5FCACF;
	padding: 0 8px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
}
.p_border.s_width{
	width: 97px;
}

.calculate{
	padding-top: 30px;
	padding-bottom: 60px;
	text-align: center;
	color:#fff;
	font-size: 16px;
}
.calculate_btn{
	display: inline-block;
	background-image: linear-gradient(0deg, #3A7176 0%, #235053 69%);
	width: 328px;
	height:52px;
	line-height: 52px;
	text-align: center;
	border: 1px solid #266764;
	font-size: 20px;
	color: #FFFFFF;
	margin: 0 auto;
}
.calculate>p{
	padding-top: 40px;
	font-size: 30px;
	color: #FFFFFF;
}

.standard>h3{
	font-size: 20px;
	color: #FFFFFF;
	background: #3F7C82;
	box-shadow: 0 1px 0 0 rgba(255,255,255,0.80);
	height: 60px;
	line-height: 60px;
	text-align: center;
}
.standard_list{
	padding-bottom: 40px;
}
.standard_list li{
	height: 50px;
	background: rgba(35,119,118,0.66);
	overflow: hidden;
	position: relative;
}
.standard_list li:nth-child(odd){
	background: rgba(38,168,181,0.66);
}
.standard_list li div{
	width: 50%;
	float: left;
	line-height: 50px;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
}
.record_Box{
	padding: 50px;
	position: relative;
}
.record_table{
	height: 220px;
	overflow-y: auto;
}
.record_table::-webkit-scrollbar {
	width: 6px;
}
.record_table::-webkit-scrollbar-thumb {
	width: 6px;
	background: #ccc;
	border-radius: 5px;
}

.record_table table tr th{
	background: #237776;
	height:50px;
	text-align: center;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: normal;
}
.record_table table tr td{
	text-align: center;
	height: 40px;
	color: #fff;
	background: #26A8B5;
	box-shadow: 0 1px 0 0 rgba(255,255,255,0.80);
}
.record_table table tr:nth-child(odd) td{
	background: #3F7C82;
	box-shadow: 0 1px 0 0 rgba(255,255,255,0.80);
}
.preview_Box{
	padding: 50px;
}
.preview_Image{
	height: 400px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}


/*驾驶舱*/
.cockpit_wrap{
	padding: 40px 30px;
	width: 1140px;
	margin: 0 auto;
}
.cockpit_lt{
	float: left;
}
.cockpit_cent{
	padding-left: 30px;
	width: 480px;
	float: left;
}
.cockpit_rt{
	float: right;
}
.chatBox{
	width: 300px;
	height:180px;
	background: url("../images/cockpit_1.png") center no-repeat;
	background-size: 100% 100%;
	margin-bottom: 30px;
}
.cockpit_lt .chatBox:last-child,.cockpit_rt .chatBox:last-child{
	margin-bottom: 0;
}
.charth{
	height:130px;
}
.chatBox h3.h3_title{
	font-size: 14px;
	color: #5FCACF;
	padding: 10px 15px;
	position: relative;
}
.nav_title{
	padding-left: 16px;
}
.nav_title:before{
	content: "";
	display: inline-block;
	position: absolute;
	border-radius: 50%;
	left: 15px;
	top:50%;
	margin-top: -3px;
	width: 6px;
	height:6px;
	background: #5FCACF;
}
.nav_icont{
	display: inline-block;
	vertical-align: middle;
	width: 16px;
	height:16px;
	background: url("../images/nav_icont.png") center no-repeat;
	background-size: 16px auto;
}
.chatWrap{
	/*width: 400px;*/
	height: 390px;
	padding: 0 30px;
	margin-bottom: 30px;
}
.chatItem{
	/*width: 480px;*/
	height:180px;
	background: url("../images/cockpit_2.png") center no-repeat;
	background-size: 100% 100%;
}
.chatItem_wrap{
	padding: 20px 0;
	height: 140px;
	position: relative;
}
.chatItem_wrap:after{
	display: inline-block;
	content: "";
	height:140px;
	width: 1px;
	background: #196567;
	position: absolute;
	left: 50%;
	top:20px;
	z-index:99;
	visibility:inherit;
}
.chatItem_box{
	float: left;
	width: 50%;
	padding:0 20px;
	box-sizing: border-box;
}
.h3_notice{
	background: url("../images/notice.png")left center no-repeat;
	padding-left: 24px;
	font-size: 14px;
	color: #5FCACF;
	margin-bottom: 10px;
}
.h3_system{
	background: url("../images/system.png")left center no-repeat;
	padding-left: 24px;
	font-size: 14px;
	color: #5FCACF;
	margin-bottom: 16px;
}

.itemBox_list li{
	padding-bottom: 8px;
	padding-left: 18px;
	position: relative;
	overflow: hidden;
}
.itemBox_list li:before{
	display: inline-block;
	content: "";
	width: 6px;
	height:6px;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	left: 0;
	top:6px;
}
.itemBox_list li a{
	font-size: 12px;
	color: #FFFFFF;
}
.itemBox_list li .text{
	float: left;
	width: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}
.itemBox_list li .time{
	float: right;
}

.chat_head h3.h3_title{
	font-size: 14px;
	color: #5FCACF;
	padding: 10px 15px;
	position: relative;
}
.chatHead_list li{
	float: left;
	text-align: center;
	width: 33%;
	font-size: 16px;
	color: #FFFFFF;
}
.chatHead_list li p{
	margin-bottom: 20px;
}
.chatHead_list li div{
	font-size: 30px;
	padding-bottom: 20px;
}
.redColor{
	color: #CA3232;
}
.greenColor{
	color: #2BA727;
}
.yellowColor{
	color: #CBBA22;
}
.chartd{
	height: 150px;
}
.chart_line{
	text-align: center;
	padding-top: 20px;
}
.chart_btn{
	display: inline-block;
	border: 1px solid #266764;
	color: #fff;
	background-image: linear-gradient(0deg, #3A7176 0%, #235053 69%);
	width: 218px;
	height:38px;
	line-height: 38px;
	text-align: center;
	cursor: pointer;
}
.video_wrap{
	padding-bottom: 40px;
	overflow: hidden;
}
.vedio_Box{
	padding: 0 50px;
	padding-top: 20px;
}
.vedio_list{
	margin-right: -100px;
}
.vedio_list li{
	float: left;
	margin-right: 100px;
	text-align: center;
}
.vedio_list li p{
	padding-top: 10px;
	font-size: 14px;
	color: #FFFFFF;
}
.vdeio_bg{
	width: 280px;
	height: 140px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% 100%;
	position: relative;
}
.play_btn{
	position: absolute;
	left: 50%;
	top:50%;
	margin: -25px 0 0 -25px;
	display: inline-block;
	width: 60px;
	height:60px;
	background: url("../images/video.png") center no-repeat;
	background-size: 60px auto;
	cursor: pointer;
}
.video_wrap{
	width: 1140px;
	margin: 0 auto;
}
.calculate_head{
	padding:30px 0;
}
.cal_section{
	width: 33%;
	float: left;
	font-size: 16px;
}
.coord_box h3{
	font-size: 16px;
	padding-bottom: 20px;
}
.coord_ul li{
	float: left;
	padding: 15px 0;
	margin-right: 30px;
}
.coord_ul li span.num{
	display: inline-block;
	background: #FF9900;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	line-height: 24px;
	margin-right: 20px;
}
.coord_ul li span.dot{
	padding: 0 20px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	border:1px solid #999;
}


@media screen and (max-width: 1200px){
	.index_wrap{
		width: 1150px;
	}
	.menu_list li .caseBox{
		height: 150px;
		margin: 20px 0;
	}
	.menu_list li.active .caseBox{
		height: 190px;
	}

	.wild_list li .intImg{
		width: 210px;
		height:150px;
	}
	.wild_list li .intro{
		margin-left: 210px;
		height: 150px;
		padding: 0 20px;
	}
	.intro h3.name{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.intro p.content{
		font-size: 14px;
		margin-bottom: 10px;
		-webkit-line-clamp:4;
	}
	.intro p.nature{
		font-size: 14px;
		left: 20px;
	}
	.refer_map{
		width: 1140px;
	}
	.banImg_wrap{
		width: 100%;
	}
	.banImg_item{
		width: 1020px;
		height: 160px;
	}
	.banImg_box{
		padding: 30px 60px;
	}
	.banImg_list li{
		margin-right: 20px;
	}
	.left_Btn{
		left: 10px;
	}
	.right_Btn{
		right: 10px;
	}

	.cockpit_wrap{
		width: 1140px;
	}

}
@media screen and (min-width:1440px) and (max-width:1920px){

	.index_wrap{
		/*width: 1390px;*/
	}
	.menu_list li .caseBox{
		height: 254px;
		margin: 50px 0;
	}
	.menu_list li.active .caseBox{
		height: 344px;
	}

	.menu_list li .caseBox>p{
		font-size: 14px;
		top:70%;
	}
	.menu_list li.active .caseBox p{
		font-size: 20px;
	}

	.wild_list li .intImg{
		width: 300px;
		height:190px;
	}
	.wild_list li .intro{
		margin-left: 300px;
		height: 190px;
		padding: 0 30px;
	}
	.intro h3.name{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.intro p.content{
		font-size: 16px;
		margin-bottom: 10px;
		-webkit-line-clamp:5;
	}
	.intro p.nature{
		font-size: 16px;
		left: 30px;
	}
	.gis_wrap{
		width: 1380px;
	}
	.refer_map{
		width: 1380px;
	}
	.video_wrap{
		width: 1360px;
	}
	.banImg_wrap{
		width: 100%;
	}
	.banImg_item{
		width: 760px;
		height: 250px;
	}
	.banImg_box{
		padding: 25px 80px;
	}
	.banImg_list li{
		width: 360px;
		height: 240px;
		margin-right: 40px;
	}
	.left_Btn{
		left: 20px;
	}
	.right_Btn{
		right: 20px;
	}

	.cockpit_wrap{
       width: 1360px;
	}
	.chatBox{
		width: 350px;
	}
	.cockpit_cent{
		width: 600px;
	}
	.vedio_Box{
		padding: 30px 80px 0 80px;
	}
	.vedio_list{
		margin-right: -120px;
	}
	.vedio_list li{
		margin-right: 120px;
	}
	.vdeio_bg{
		width: 320px;
		height:160px;
	}

}
@media screen and (min-width:1920px){

	.index_wrap{
		width:1870px;
	}
	.menu_list li .caseBox{
		height: 254px;
		margin: 45px auto;
	}
	.menu_list li.active .caseBox{
		height: 344px;
	}
	.menu_list li .caseBox>p{
		font-size: 16px;
	}
	.menu_list li.active .caseBox p{
		font-size: 24px;
	}


	.wild_list li .intImg{
		width: 410px;
		height:260px;
	}
	.wild_list li .intro{
		margin-left: 410px;
		height: 260px;
		padding: 0 40px;
	}
	.intro h3.name{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.intro p.content{
		font-size: 16px;
		margin-bottom: 20px;
		-webkit-line-clamp:8;
	}
	.intro p.nature{
		font-size: 16px;
		left: 40px;
	}

	.gis_wrap{
		width: 1840px;
	}

	.refer_map{
		width: 1840px;
	}
	.banImg_wrap{
		width: 100%;
		height: 300px;
	}
	.banImg_box{
		padding: 25px 120px;
	}
	.banImg_item{
		width: 1161px;
	}
	.banImg_list li{
		width: 360px;
		height:240px;
		margin-right: 40px;
	}
	.left_Btn{
		left: 40px;
		margin-top: -20px;
	}
	.right_Btn{
		right: 40px;
		margin-top: -20px;
	}

	.cockpit_wrap{
		width: 1840px;
	}
	.chatBox{
		width: 480px;
		height: 280px;
	}
	.chatBox h3.h3_title{
		padding: 15px 20px;
	}
	.charth{
		height: 200px;
	}
	.cockpit_cent{
		width: 820px;
	}
	.chatWrap{
		height: 590px;
	}
	.video_wrap{
		width: 1840px;
	}
	.chatItem{
		height: 280px;
	}
	.chatItem_wrap{
        height: 220px;
		padding: 30px 0;
	}
	.chatItem_wrap:after{
		height:220px;
		top:30px;
	}
	.itemBox_list li{
		margin-bottom: 10px;
	}
	.itemBox_list li a{
		font-size: 14px;
	}
	.itemBox_list li .text{
		width: 200px;
	}
	.chatHead_list{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.chartd{
		height: 260px;
	}
	.chart_line{
		padding-top: 35px;
	}
    .chart_btn{
		width: 278px;
		height:48px;
		line-height:48px;
		font-size: 18px;
	}
	.vedio_Box{
		padding: 30px 100px 0 100px;
	}
	.vdeio_bg{
		width: 440px;
		height:220px;
	}
	.vedio_list{
		margin-right: -160px;
	}
	.vedio_list li{
		margin-right: 160px;
	}
	.vedio_list li p{
		font-size: 16px;
	}
	.number_box{
		width: 388px;
	}
	.refer_btn{
		width: 140px;
	}
}


















